<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
        <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<title> </title>
<style type="text/css">
.s{
 display: none;
} 
 #ie{
display: none;
} 
.wrapper{
    margin-left: -140px;
   
}
</style>



</head>
<body>
<section id="container">
<!--header start-->

<!--header end-->
<!--sidebar start-->


<!--sidebar end-->
<!--main content start-->
<section id="main-content" class="manager">
	<section class="wrapper">
		<div class="table-agile-info">
  <div class="panel panel-default">
    <div class="panel-heading">
     任务详细列表
    </div>
    <div class="row w3-res-tb">
     
      <div class="col-sm-4">
      </div>
      <div class="col-sm-3">
        <div class="input-group">
          <input type="text" class="input-sm form-control" placeholder="输入执行人姓名">
          <span class="input-group-btn">
            <button class="btn btn-sm btn-default" type="button" onclick="cha()">搜索</button>
          </span>
        </div>
      </div>
    </div>
   
   
   
     <div class="table-responsive">
      <table class="table table-striped b-t b-light" id="tab">
        
          <tr>
            <th style="width:20px;">
              <label class="i-checks m-b-none">
                <input type="checkbox"><i></i>
              </label>
            </th>
            <th>编号</th>
            <th>任务标题</th>
            <th>创建时间</th>
            <th>发送者</th>
            <th>执行人</th>
            <th>优先级</th>
            <th>操作</th>
          </tr>
        
      
      </table>
    </div>
   
   
   
    <footer class="panel-footer">
      <div class="row">
        
       
        
      </div>
    </footer>
  </div>
</div>
</section>

 <!-- footer -->
		  
  <!-- / footer -->
</section>

<!--main content end-->
</section>

<div class="container">
  
  
   
  <!-- 模态框 -->
  <div class="modal fade" id="myModal">
    <div class="modal-dialog modal-sm">
      <div class="modal-content">
   
        <!-- 模态框头部 -->
        <div class="modal-header">
         
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
   
        <!-- 模态框主体 -->
        <div class="modal-body">
        <span class="s"></span>
          是否删除此项任务?
        </div>
   
        <!-- 模态框底部 -->
        <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="del()">确认</button>
          
        </div>
   
      </div>
    </div>
  </div>
  
</div>
<!-- 修改 -->
<div class="container">
   
  <!-- 模态框 -->
  <div class="modal fade" id="Modal">
    <div class="modal-dialog">
      <div class="modal-content">
   
        <!-- 模态框头部 -->
        <div class="modal-header">
          <h4 class="modal-title">修改任务</h4>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
   
        <!-- 模态框主体 -->
        <div class="modal-body">
          <form>
          <span id="ie"></span>
    <div class="input-group mb-3">
      <div class="input-group-prepend">
        <span class="input-group-text">任务标题</span>
      </div>
      <input type="text" class="form-control"  id="biao"  placeholder="输入标题">
      <div class="input-group-prepend">
        <span class="input-group-text">执行人</span>
      </div>
     
      <select id="as">
      
      </select>
     
    </div>
    <div class="input-group mb-3">
      
      <div class="input-group-prepend">
        <span class="input-group-text">优先级</span>
      </div>
       <select id="aq">
	<option>缓</option>
	<option>急</option>
       </select>
     
    </div>
    
        
  </form>
        </div>
   
        <!-- 模态框底部 -->
        <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal"  onclick="update()">确定修改</button>
          <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
        </div>
   
      </div>
    </div>
  </div>
  
</div>
<!-- 查看 -->
<div class="container">
 
  
  
   
  <!-- 模态框 -->
  <div class="modal fade" id="dal">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
   
        <!-- 模态框头部 -->
        <div class="modal-header">
          <h4 class="modal-title">详情</h4>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
   
        <!-- 模态框主体 -->
        <div class="modal-body">
          <span>任务标题</span>
          <div class="card bg-dark text-white">
                   <div class="card-body" id="title"></div>
           </div><br>
         <span>计划开始时间</span>
          <div class="card bg-dark text-white">
                   <div class="card-body" id="ktime"></div>
           </div><br>
           <span>执行人</span>
          <div class="card bg-dark text-white">
                   <div class="card-body" id="man"></div>
           </div><br>
           <span>任务说明</span>
          <div class="card bg-dark text-white">
                   <div class="card-body" id="shuo"></div>
           </div><br>
           <span>工期</span>
          <div class="card bg-dark text-white">
                   <div class="card-body" id="gong"></div>
           </div><br>
           <span>计划结束时间</span>
          <div class="card bg-dark text-white">
                   <div class="card-body" id="endtime"></div>
           </div><br>
           <span>优先级</span>
          <div class="card bg-dark text-white">
                   <div class="card-body" id="you"></div>
           </div><br>
 
        </div>
   
        <!-- 模态框底部 -->
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
        </div>
   
      </div>
    </div>
  </div>
</div>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/Task.js"></script>
</body>
</html>